<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>17</title>
		<link rel="stylesheet" type="text/css" href="css/baom_newpopup.css"/>
		<link rel="stylesheet" type="text/css" href="css/new_file.css"/>
		
		<!--<style type="text/css">
			body,p,li,ul,div{
				line-height:  normal;
			}
			/*清楚内外边距*/
			body,h1,h2,h3,h4,h5,h6,p,li,ul{
				margin: 0;
				padding: 0;
				
			}
			/*清楚列表样式*/
			li{list-style: none;}
			/*清楚超链接下划线*/
			a{text-decoration: none;}
			img{vertical-align: middle;}
			body{
				background: gray;
			}
			#baom-sheji{
				width: 1080px;
				height: 564px;
				background: white;
				border: 1px solid;
				position: absolute; 
				left: 50%; 
				margin-left: -540px;
				top: 50%;
				margin-top: -282px;
			}
			#baom-sheji_left{
				width: 360px;
				height: 454px;
				padding: 55px 90px;
				float: left;
			}
			
			.word_color{
				color: #f9bb36;
			}
			/*左边开始*/
			.sheji_left_head{
				text-align: center;	
			}
			.sheji_left_head h2{
				font-size: 23px;
			}
			.sheji_left_houseradio .sheji_left_one,.sheji_left_timeradio .sheji_left_one{
				float: left;
				width: 120px;
			}
			.sheji_left_houseradio{
				height: 110px;
				margin: 10px 0 30px;
			}
			.sheji_left_timeradio{
				height: 21px;
				margin: 15px 0 30px;
			}
			.sheji_left_content p img{
				margin-right: 10px;
			}
			.sheji_left_content p{
				font-size: 13px;
			}
			/*3*/
			.three{
				margin-bottom: 40px;
			}
			.three input{
				height: 25px;
				font-size: 13px;
				width: 56%;
				padding-left: 5px;
			}
			
			.word_min{
				font-size: 14px;
				margin: 5px 0 30px ;
			}
			.sheji_left_word{
				font-size: 14px;
				color: grey;
			}
			.sheji_left_search{
				width: 65%;
				font-size: 12px;
				height: 18px;
			}
			.sheji_left_btn{
				background: orange;
				font-size: 20px;
				border-radius: 5px;
				color: white;
				border: none;
				width: 100%;
				height: 45px;
			}
			
			/*右边开始*/
			#baom-budget_right{
				width: 420px;
				height: 414px;
				background: #f7fffb;
				padding: 70px 60px;
				float: right;
			}
			#baom-budget_right h2{
				font-size: 23px;
				text-align: center;
			}
			#baom-budget_right h2 span{
				font-size: 30px;
			}
			.baom_budget_box{
				border: 1px solid #ececec;
				padding: 45px 130px;
				margin: 40px 0 20px;
			}
			.baom_budget_box ul li{
				line-height: 40px;
			}
			.baom_budget_box ul li span{
				font-size: 26px;
			}
			.baom_budget_fottext{
				line-height: 26px;
				font-size: 15px;
			}
			/*关闭*/
			#baom_close{
				position: absolute;
				top: -25px;
				right: -25px;
			}
		</style>-->
	</head>
	<script src="http://s4.17house.com/common/js/jquery-1.11.3.min.js"></script>
	<body>
		<button id="btn">点击</button>
		<!--报名-->
		<div id="baom-sheji" class="baoming"> 
			<!--左边-->
			<div id="baom-sheji_left">
				<div class="sheji_left_head">
					<h2>完善信息获得 <span class="word_color">免费设计方案</span></h2>
					<p class="word_min"><span class="word_color">*</span>由于当前申请人数较多，完善资料将得到优先服务</p>
				</div>
				<div class="sheji_left_content">
					<!--1-->
					<div class="one">
						<h6 class="sheji_left_word">1.您家的房屋现状是：</h6>
						<div class="sheji_left_houseradio">
							<div class="sheji_left_one">
								<img src="img/baom_img1.jpg"/>
								<p><img src="img/baom_radio1.jpg" class="imgNoChecked"/><img src="img/baom_radio2.jpg" class="imgChecked imgHide"/>毛呸房</p>
							</div>
							<div class="sheji_left_one">
								<img src="img/baom_img2.jpg"/>
								<p><img src="img/baom_radio1.jpg" class="imgNoChecked"/><img src="img/baom_radio2.jpg" class="imgChecked imgHide"/>旧房翻新</p>
							</div> 
							<div class="sheji_left_one">
								<img src="img/baom_img3.jpg"/>
								<p><img src="img/baom_radio1.jpg" class="imgNoChecked"/><img src="img/baom_radio2.jpg" class="imgChecked imgHide"/>局邮改造</p>
							</div>
						</div>
					</div>
					<!--2-->
					<div class="two">
						<h6 class="sheji_left_word">2.您家准备什么时候开始装修：</h6>
						<div class="sheji_left_timeradio">
							<div class="sheji_left_two">
								<p><img src="img/baom_radio1.jpg" class="imgNoChecked"/><img src="img/baom_radio2.jpg" class="imgChecked imgHide"/>一个月内</p>
							</div>
							<div class="sheji_left_two">
								<p><img src="img/baom_radio1.jpg" class="imgNoChecked"/><img src="img/baom_radio2.jpg" class="imgChecked imgHide"/>两个月内</p>
							</div>
							<div class="sheji_left_two">
								<p><img src="img/baom_radio1.jpg" class="imgNoChecked"/><img src="img/baom_radio2.jpg" class="imgChecked imgHide"/>两个月以上</p>
							</div>
						</div>
					</div>
					<!--3-->
					<div class="three">
						<h6 class="sheji_left_word">1.您家小区的名称：<input type="text" placeholder="一起装修网将为您推荐优秀服务"/></h6>
					</div>
					<button type="submit" class="sheji_left_btn">提交</button>
					
				</div>
				
			</div>
			<!--右边-->
			<div id="baom-budget_right">
				<h2>您的装修预算为 &nbsp;<span class="word_color">23246</span>&nbsp; 元</h2>
				<div class="baom_budget_box">
					<ul>
						<li>主材费：<span class="word_color">74568</span>元</li>
						<li>施工费：<span class="word_color">44568</span>元</li>
						<li>设计费：<span class="word_color">4568</span>元</li>
						<li>施工费：<span class="word_color">1268</span>元</li>
					</ul>
				</div>
				<p class="baom_budget_fottext"><span class="word_color">*报价有疑问？稍后装修管家将致电为您解答</span></p>
				<p class="baom_budget_fottext">*该报价为整装全包价格，实际装修价格以量房实测为准</p>
			</div>
			<!--关闭-->
			<div id="baom_close">
				<img src="img/close.png"/>
			</div>
		</div>
		<!--报名 end-->
		
		<script src="js/baom_popup.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
